<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>小米官网</title>
	<link rel="stylesheet" href="css/1.css"/>
	</head>


	<body>
	<!-- 顶部区域开始 -->
		<div id="top">
			<div class="nav">
				<div class="nav-l">
					<ul>
						<li class="mi">
							<a href="">小米网 </a>
						</li>
						<li>
							<span></span>
						</li>
						<li>
							<a href="">MIUI</a>
						<li>
							<span></span>
						</li>
						</li>
						<li>
							<a href="">米聊</a>
						</li>
						<li>	
							<span></span>
						</li>
						<li>
							<a href="">游戏</a>
						<li><span></span></li>
							
						</li>
						<li>
							<a href="">多看阅读</a>
						<li><span></span></li>
						<li>
							<a href="">云服务</a>
						<li><span></span></li>
						</li>
						<li>
							<a href="">小米网移动版</a>
						<li><span></span></li>
						</li>
						<li>
							<a href="">Select region</a>
							
						</li>	
					</ul>
				</div>
				<div class="nav-r">
					<ul>
						<li>
							<a href="">登录</a>
						</li>
						<li>
							<span></span>
						</li>
						<li>
							<a href="">注册</a>
						</li>
					</ul>
				</div>
					

			</div>
		</div>
		<!-- 顶部区域结束 -->
		<!-- 搜索栏开始 -->
		<div id="search">
			<div class="ss">
				<div class="ss-0">
					<div class="ss-1">
					<input type="text" class="ssl" value="搜索您需要的产品"/>
					</div>
					<div class="ss-2">
					<input type="submit" value="&nbsp;"/ class="tjl">
					</div>
					
					<div class="gwc">
					<a href="">&nbsp;</a>
					</div>	
				</div>
				<div class="mb">
									
				</div>
				<div class="lj">
					<a href="" class="lj-1">&nbsp;</a>
					<a href="" class="lj-2">3月31日开放购买</a>
				</div>
				
			</div>
		</div>
		<!-- 搜索栏结束 -->
		<!-- 导航栏开始 -->
		<div id="dh">
			<div class="dht">
				<div class="dht-1">
					<a href="">全部商品分类</a>
				</div>
				<div class="dht-2">
					<ul>
						<li>
							<a href="">首页</a>
						</li>
						<li>
							<a href="">小米手机</a>
						</li>
						<li>
							<a href="">红米</a>
						</li>
						<li>
							<a href="">小米平板</a>
						</li>
						<li>
							<a href="">小米电视</a>	
						</li>
						<li>
							<a href="">盒子</a>
						</li>
						<li>
							<a href="">路由器</a>
						</li>
						<li>
							<a href="">合约机</a>
						</li>
						<li>
							<a href="">服务</a>
						</li>
						<li>
							<a href="">社区</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
<!-- 导航栏结束 -->
<!-- 导航栏下方分类及产品展示、广告开始 -->
	<div id="zs" >
		<div class="zsk">
			<div class="fll">
				<ul>
					<li>
						<a href="" class="fll-head">购买手机</a>
						<span>
							<a href="">小米Note</a>
							<a href="">小米4</a>
							<a href="">红米</a>
							<a href="">红迷Note</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">购买电视与平板</a>
						<span>
							<a href="">小米电视</a>
							<a href="">小米盒子</a>
							<a href="">小米平板</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">路由器与智能硬件</a>
						<span>
							<a href="">路由器</a>
							<a href="">小米手环</a>
							<a href="">净化器与滤芯</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">移动电源与电池</a>
						<span>
							<a href="">小米移动电源</a>
							<a href="">电池</a>
							<a href="">充电器</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">耳机音箱与储存卡</a>
						<span>
							<a href="">小米头戴式耳机</a>
							<a href="">小米活塞耳机</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">保护套与贴膜</a>
						<span>
							<a href="">保护套/保护壳</a>
							<a href="">贴膜</a>
							<a href="">防尘塞</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">后盖与个性化配件</a>
						<span>
							<a href="">米键</a>
							<a href="">后盖</a>
							<a href="">贴纸</a>
							<a href="">手机支架</a>
						</span>
					</li>
					<li>
						<a href="" class="fll-head">小米生活方式</a>
						<span>
							<a href="">服装</a>
							<a href="">米兔</a>
							<a href="">背包</a>
							<a href="">生活周边</a>
						</span>
					</li>
				</ul>
			</div>
			<div class="fdl">
				<a href=""></a>
				<span class="fdl-1"></span>
				<span class="fdl-2"></span>
					
			</div>
			<div class="ggl">
				<a href="" class="gg1"></a>
				<a href="" class="gg2"></a>
				<a href="" class="gg3"></a>
			</div>
		</div>
	</div>
<!-- 小米单品推荐开始 -->
	<div id="tj">
		<div class="tjt">
			<p class="tjt-1">小米明星单品</p>
			<a href="" class="tjt-2">根据机型选配件</a>
			<a href=""></a>
			<a href=""></a>
		</div>
	
		<div class="tjp">
			<span class="tjp-1">
				<a href="" class="dp1"><img src="image/dp1.jpg" alt="" /></a>
				<a href="">小米电视2 单售3999元</a>
				<p>顶配49英寸4k电视，性价比之王</p>
			</span>
			<span class="tjp-2">
				<a href="" class="dp2"><img src="image/dp2.jpg" alt="" /></a>
				<a href="">小米平板</a>
				<p>全球首款搭载 NVIDIA Tegra K1 处理器平板</p>
			</span>	
			<span class="tjp-3">
				<a href="" class="dp3"><img src="image/dp3.jpg" alt="" /></a>
				<a href="">小米手环 每天早10点发售</a>
				<p>军用传感器，30天超长续航</p>
			</span>
			<span class="tjp-4">
				<a href="" class="dp4"><img src="image/dp4.jpg" alt="" /></a>
				<a href="">小米活塞耳机标准版</a>
				<p>全新小米活塞耳机，99元听歌神器</p>
			</span>	
			
		</div>
		
	</div>

<!-- 小米单品推荐结束 -->
<!-- 新品上架栏开始 -->
	<div id="xp">
		<div class="xpl">
			<p>新品上架</p>
			<a href="">更多 ></a>
			<!-- <a href=""></a> -->
		</div>
		<div class="xp-2">
			<div class="xpt">
				<span class="xp1">
					<a href=""><img src="image/xp1.jpg" alt="" /></a>
				</span>
				<span class="xp2">
					<a href="" class="">iHealth智能血压计</a>
					<p>199元 </p>
					<a href="" class="xp2-t"><img src="image/xp2.jpg" alt="" /></a>
				</span >
				<span class="xp3">
					<span class="xp3-a">
						<span class="xp3-a-1">
							<a href="">QCY派Q8蓝牙耳机</a>
							<p>59.9元</p>
						</span>
						
						<a href="" class="xp3-a-t"><img src="image/xp3.jpg" alt="" /></a>
					</span>	
					
					
					<span class="xp3-b">
						<span class="xp3-b-1">
							<a href="">功夫米兔手机支架</a>
							<p>19元</p>
						</span>
						<a href="" class="xp3-b-t"><img src="image/xp4.jpg" alt="" /></a>
					</span>
				</span>
				<span class="xp4">
					<a href="">小米移动电源10400mAh</a>
					<p>69元</p>
					<a href="" class="xp4-t"><img src="image/xp5.jpg" alt="" /></a>
				</span>
				<span class="xp5">
					<a href="">小米4实木后盖</a>
					<p>69元</p>
					<a href="" class="xp5-t"><img src="image/xp6.jpg" alt="" /></a>
				</span>
				<span class="xp6">
					<a href="">小米多功能电脑双肩包</a>
					<p>99元</p>
					<a href="" class="xp6-t"><img src="image/xp7.jpg" alt="" /></a>
				</span>
				<span class="xp7">
					<a href="">小米Note透明超薄软胶保护套</a>
					<p>29元</p>
					<a href="" class="xp7-t"><img src="image/xp8.jpg" alt="" /></a>
				</span>
				<span class="xp8">
					<a href="">Skullcandy Jib耳机</a>
					<p>99元</p>
					<a href="" class="xp8-t"><img src="image/xp9.jpg" alt="" /></a>
				</span>
			</div>
		
			<div class="xpfw">
				<div class="tj">
					<span class="tj-l">
						<a href="" class="l1">猫的秘密</a>
						<a href="" class="l2">199元</a>
						<a href="" class="l3">250元</a>
						<a href="" class="l4">还有更多特价商品</a>
						<a href="" class="l5">特价商品</a>
					</span>
					<span class="tj-r">
						<a href=""><img src="image/tj1.jpg" alt="" /></a>
					</span>
				</div >
				<div class="th">
					<span class="th-l">
						<a href="" class="l1">特惠配件套装</a>
						<a href="" class="l2">手机必备配件组合购买</a>
						<a href="" class="l3">实惠更优惠</a>
					</span>
					<span class="th-r">
						<a href=""><img src="image/th.jpg" alt="" /></a>
					</span>
					
				</div>
				<div class="kw">
					<span class="kw-l">
						<a href="" class="l1">我爱酷玩</a>
						<a href="" class="l2">邂逅炫酷的电子产品</a>
						<a href="" class="l3">结交趣味相投的朋友</a>
					</span>
					<span class="kw-r"><img src="image/kw.jpg" alt=""/></span>

				</div>
				<div class="td">
					<ul>
						<li>
							<a href="" class="qy">企业用户采购通道</a>
							<a href="" class="tb1"></a>
						</li>
						<li>
							<a href="">小米手机防伪查询</a>
							<a href="" class="tb2"></a>
						</li>
						<li>
							<a href="">小米手机官翻版</a>
							<a href="" class="tb2"></a>
						</li>
						<li>
							<a href="">小米路由器官翻版</a>
							<a href="" class="tb2"></a>
						</li>
					</ul>
					
				</div>
				<div class="cz">
					<p class="cz1">话费充值</p>
					<span class="cz2"><input type="text" value="请输入手机号码"/></span>
					<span class="cz3">
						<select name="100元" id="100元" size="1">
							<option value="100元" selected="seclected">100元</option>
							<option value="30元">30元</option>
							<option value="50元">50元</option>
						</select>
					</span>
					<p class="cz4"> 实付价格： <strong>98.4</strong> 元起 </p>
					<span class="cz5"><input type="submit"value="立即充值" /></span>
				</div>
			
			</div>
		</div>
	</div>
	<!-- 新品推荐结束 -->
<!-- 大家都喜欢开始 -->
	<div id="dj">
		<div class="djl">
			<p>大家都喜欢</p>
		</div>		
		<div class="djt">
			<div class="djt-l">
				<div class="l1">
				<a href=""><img src="image/dj1.jpg" alt="" /></a>
				</div>
				<div class="l2">
					<span>
						<a href="" class="wz">小米随身杯</a>
						<p>39元</p>
						<a href="" class="tp"><img src="image/dj2.jpg" alt="" /></a>
					</span>
				</div>
				<div class="l2">
					<span>
						<a href="" class="wz">新版拉卡拉</a>
						<p>49元</p>
						<a href="" class="tp"><img src="image/dj3.jpg" alt="" /></a>
					</span>
				</div>
				<div class="l2">
					<span>
						<a href="" class="wz">先锋CL31系列入耳式耳机</a>
						<p>99元</p>
						<a href="" class="tp"><img src="image/dj4.jpg" alt="" /></a>
					</span>
				</div>	
				<div class="l2">
					<span>
						<a href="" class="wz">长袖T恤 正能量</a>
						<p>49元 </p>
						<a href="" class="tp"><img src="image/dj5.jpg" alt="" /></a>
					</span>
				</div>
			</div>
			<div class="djt-r">
				<div class="r0">
					<p class="hot">HOT</p>
					<p>热销商品排行</p>
				</div>
				<div class="r1">
					<p class="szh">1</p>
					<a href=""class="cp"> 小米LED随身灯</a>
					<p class="jg">19.9元 </p>
					<a href="" class="tp"><img src="image/hot1.jpg" alt="" /></a>
				</div>
				<div class="r2">
					<p class="szh">2</p>
					<a href="" class="cp"> 小米随身WIFI</a>
					<p class="jg">19.9元 </p>
					<a href="" class="tp"><img src="image/hot2.jpg" alt="" /></a>
				</div>
				<div class="r3">
					<p class="szh">3</p>
					<a href="" class="cp"> 趣味防尘塞 </a>
					<p class="jg">3.9元 </p>
					<a href="" class="tp"><img src="image/hot3.jpg" alt="" /></a>
				</div>
				<div class="r4">
					<p class="szh">4</p>
					<a href="" class="cp"> 米兔青春扑克牌</a>
					<p class="jg">9.9元 </p>
					<a href="" class="tp"><img src="image/hot4.jpg" alt="" /></a>
				</div>
				<div class="r5">
					<p class="szh">5</p>
					<a href="" class="cp"> 巨蟹星座挂绳</a>
					<p class="jg">9.9元</p> <p class="jjg">12元</p>
					<a href="" class="tp"><img src="image/hot5.jpg" alt="" /></a>
				</div>
			</div>
		</div>
	</div>
<!-- 大家都喜欢产品栏结束 -->
<!-- 热评产品开始 -->
<div id="rp">
	<div class="rpp">
		<div class="rppl">
			<p>热评产品</p>
		</div>
		<div class="rppt">
			<div class="t1">
				<a href="" class="cp">经典版米兔</a>
				<span class="px"></span>
				<span class="sx"></span>
				<p class="rs">3.3万人好评</p>
				<p class="jg">29元</p>
				<a href="" class="tp"><img src="image/rpp1.jpg" alt="" /></a>
				<div class="js"><p>非常可爱的小米兔~</p></div>
			</div>
			<div class="t2">
			
				<a href="" class="cp">红米至简翻盖支架保护套</a>
				<span class="px"></span>
				<span class="sx"></span>
				<p class="rs">11.4万人好评</p>
				<p class="jg">39元 </p>
				<a href="" class="tp"><img src="image/rpp2.jpg" alt="" /></a>
				<div class="js"><p>官网出品，质量真的不错，支架保护壳两用。</p></div>
			</div>	
			
			<div class="t3">
				<a href="" class="cp">米键</a>
				<span class="px"></span>
				<span class="sx"></span>
				<p class="rs">17.5万人好评</p>
				<p class="jg">4.9元</p>
				<a href="" class="tp"><img src="image/rpp3.jpg" alt="" /></a>
				<div class="js"><p>小小一个，功能超级强大。</p></div>
			</div>
			<div class="t4">
				<a href="" class="cp">红米Note卡通主题背贴</a>
				<span class="px"></span>
				<span class="sx"></span>
				<p class="rs">65人好评</p>
				<p class="jg">39元 </p>
				<a href="" class="tp"><img src="image/rpp4.jpg" alt="" /></a>
				<div class="js"><p>小小一个，功能超级强大。</p></div>
			</div>
		</div>
	</div>
</div>
<!-- 热评产品结束 -->
<!-- 特价产品开始 -->
<div id="tj">
	<div class="tjp1">
		<div class="tjpl"><p>特价商品</p></div>
		<div class="tjpt">
			<div class="t1">
				<a href="" class="cp">红米必备套装</a>
				<p class="xjg">79元</p>
				<p class="jjg">117元</p>
				<p class="sj">省38元</p>
				<a href="" class="tp"><img src="image/tjsp1.jpg" alt="" /></a>
			</div>
			<div class="t1 t2">
				<a href="" class="cp">fotopro手机相机支架套装</a>
				<p class="xjg">59元</p>
				<p class="jjg">64元</p>
				<p class="sj">省5元</p>
				<a href="" class="tp"><img src="image/tjsp2.jpg" alt="" /></a>
			</div>
			<div class="t1 t3">
				<a href="" class="cp">大电池全能套装</a>
				<p class="xjg">129元</p>
				<p class="jjg">178元</p>
				<p class="sj">省49元</p>
				<a href="" class="tp"><img src="image/tjsp3.jpg" alt="" /></a>
			</div>
			<div class="t1 t4">
				<a href="" class="cp">LG趣拍得打印机</a>
				<p class="xjg">699元</p>
				<p class="jjg">749元</p>
				<p class="sj">省50元</p>
				<a href="" class="tp"><img src="image/tjsp4.jpg" alt="" /></a>
			</div>
		</div>
	</div>
</div>	
<!-- 特价产品结束 -->
<!-- 多看图书开始 -->
<div id="ts">
	<div class="tsl">
		<p>多看图书</p>
	</div>
	<div class="tst">
		<div class="tx">
			<a href="" class="cp">《从0到1：开启商业与未来的秘密》</a>
			<p class="rm">【美】彼得·蒂尔</p>
			<p class="jg">25元</p>
			<a href="" class="tp"><img src="image/ts1.jpg" alt="" /></a>
			<div class="js">
				<p>硅谷教父出品！扎克伯格、雷军、周鸿祎等热议的创新、创业、创投哲学！</p>
			</div>
		</div>
		<div class="tx t2">
			<a href="" class="cp">《看见》</a>
			<p class="rm">柴静</p>
			<p class="jg">14.99元</p>
			<a href="" class="tp"><img src="image/ts2.jpg" alt="" /></a>
			<div class="js">
				<p>柴静十年个人成长的告白，中国社会变迁的备忘。</p>
			</div>
		</div>
		<div class="tx t3">
			<a href="" class="cp">《面包札记·夏威夷之恋》</a>
			<p class="rm">audreylee</p>
			<p class="jg">免费</p>
			<a href="" class="tp"><img src="image/ts3.jpg" alt="" /></a>
			<div class="js">
				<p>蔚蓝海岸边，美女作家带你体验热情的夏威夷。</p>
			</div>
		</div>
		<div class="tx t4">
			<a href="" class="cp">《认得几个字（普及本）》</a>
			<p class="rm">张大春</p>
			<p class="jg">1元</p>
			<a href="" class="tp"><img src="image/ts4.jpg" alt="" /></a>
			<div class="js">
				<p>《城邦暴力团》作者张大春，作为父亲，在日常生活中为孩子们说文解字。</p>
			</div>
		</div>
	</div>
</div>
<!-- 多看图书结束 -->
<!-- MIUI主题开始 -->
<div id="miui">
	<div class="ztl">
		<p>MIUI主题</p>
		<a href="">更多 ></a>
	</div>
	<!-- miui主题title结束 -->
	<!-- 主题内容开始 -->
	<div class="ztt">
		<div class="tp">
			<a href="" class="cp">Win10 PRO</a>
			<p>6米币</p>
			<a href="" class="tt"><img src="image/miui1.jpg"></a>
		</div>
		<div class="tp t2">
			<a href="" class="cp">小米Note天然竹 免费尝鲜</a>
			<p>免费</p>
			<a href="" class="tt"><img src="image/miui2.jpg"></a>
		</div>
		<div class="tp t3">
			<a href="" class="cp">ios木纹</a>
			<p>6米币</p>
			<a href="" class="tt"><img src="image/miui3.jpg"></a>
		</div>
		<div class="tp t4">
			<a href="" class="cp">T Plus</a>
			<p>6米币</p>
			<a href="" class="tt"><img src="image/miui4.jpg"></a>
		</div>
	</div>
</div>
<!-- miui主题结束 -->
<!-- 底部结尾开始 -->
<div id="bottom">
<!-- 快捷图标开始 -->
	<div class="yd">
		<div class="kx">
			<a href=""></a>
			<p>1小时快修服务</p>
		</div>
		<div class="qt">
			<a href=""></a>
			<p>7天无理由退货</p>
		</div>
		<div class="sw">
			<a href=""></a>
			<p>15天免费换货</p>
		</div>
		<div class="by">
			<a href=""></a>
			<p>满150元包邮</p>
		</div>
		<div class="wd">
			<a href=""></a>
			<p>520余家售后网点</p>
		</div>
	</div>
<!-- 快捷图标结束 -->
<!-- 帮助中心等开始 -->
	<div class="kf">
		<ul>
			<li class="zx">
				<p>帮助中心</p>
				<a href="">购物指南</a>
				<a href="">支付方式</a>
				<a href="">配送方式</a>
			</li>
			<li>
				<p>服务支持</p>
				<a href="">售后政策</a>
				<a href="">自助服务</a>
				<a href="">相关下载</a>
			</li>
			<li>
				<p>小米之家</p>
				<a href="">小米之家</a>
				<a href="">服务网点</a>
				<a href="">预约亲临到店服务</a>
			</li>
			<li>
				<p>关于小米</p>
				<a href="">了解小米</a>
				<a href="">加入小米</a>
				<a href="">联系我们</a>
			</li>
			<li>
				<p>关注我们</p>
				<a href="">新浪微博</a>
				<a href="">小米部落</a>
				<a href="">官方微信</a>
			</li>
			<li class="phone">
				<p class="p1">400-100-5678</p>
				<p class="p2">周一至周日 8&#58;00&minus;18&#58;00 </p>
				<p class="p3">（仅收市话费）</p>
				<p class="p4">24小时在线客服</p>

			</li>
		</ul>
	</div>
	<!-- 帮助中心等结束 -->
	<!-- 底部连接开始 -->
	<div class="lj">
		<div class="wz">

		<p>小米旗下网站：</p>
			<a href="">小米网</a>
			<span></span>
			<a href="">MIUI</a>
			<span></span>
			<a href="">米聊</a>
			<span></span>
			<a href="">多看书城</a>
			<span></span>
			<a href="">小米路由器</a>
			<span></span>
			<a href="">繁體香港</a>
			<span></span>
			<a href="">繁體台灣</a>
			<span></span>
			<a href="">English</a>
			<span></span>
			<a href="">小米后院</a>
			<span></span>
			<a href="">小米天猫店</a>
			<span></span>
			<a href="">小米淘宝直营店</a>
			<span></span>
			<a href="">小米网盟</a>

		</div>
		<p class="pz">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>
		<form action="">
			<select name="" id="语言">
				<option value="简体中文"></option>
				<option value="ENGLISH"></option>
				<option value="繁體台灣"></option>
			</select>	

		</form>
		<a href="" class="t1"></a>
		<a href="" class="t2"></a>
		<a href="" class="t3"></a>
	</div>

</div>









	</body>
	</html>
